<template>
  <div id="container">
    <Nav/>
    <div id="main">
      <Aside/>
      <view-box/>
    </div>
    <div id="login-box-background">
      <logIn/>
      <signUp/>
    </div>
  </div>
</template>

<script>
  import Nav from '../components/nav'
  import Aside from "../components/aside"
  import logIn from './logIn'
  import signUp from './signUp'
  import viewBox from './mainView/viewBox'

  export default {
    name: 'home',
    data(){
      return {
      }
    },
    components: {
      Nav: () => import('../components/nav'),
      Aside: () => import('../components/aside'),
      logIn: () => import('./logIn'),
      signUp: () => import('./signUp'),
      viewBox: () => import('./mainView/viewBox'),
    },
    methods:{

    },

  }
</script>

<style lang="less" scoped>

</style>
